/*v1.2.4*/
/*grid容器*/
.datagrid-container {
font-size:12px;
background:#FFFFFF;
}
.datagrid-container-border {
	border:1px solid #99BCE8;
}
/*grid标题*/
.datagrid-title {
  font-weight: bold;
  color: #0E2D5F;
  height: 16px;
  line-height: 16px;
  padding:5px;
  position:relative;
  border-bottom:1px solid #95B8E7;
  
  background-color: #D3E1F1;
  background: -webkit-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: -moz-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: -o-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: linear-gradient(to bottom,#DFE9F5 0,#D3E1F1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFE9F5,endColorstr=#D3E1F1,GradientType=0);
}
/*grid工具栏*/
.datagrid-toolbar {
background-color: #D3E1F1;
  background: -webkit-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: -moz-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: -o-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: linear-gradient(to bottom,#DFE9F5 0,#D3E1F1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFE9F5,endColorstr=#D3E1F1,GradientType=0);
}
.datagrid-toolbar {
  height: auto;
  padding: 1px 2px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #99BCE8;
}
/*grid工具栏 按钮*/
a.l-btn {
  background-position: right 0;
  text-decoration: none;
  display: inline-block;
  zoom: 1;
  height: 24px;
  padding-right: 18px;
  cursor: pointer;
  outline: none;
}
a.l-btn-plain {
  padding-right: 5px;
  border: 0;
  padding: 1px 6px 1px 1px;
}
a.l-btn-disabled {
  color: #ccc;
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default;
}
a.l-btn span.l-btn-left {
  display: inline-block;
  background-position: 0 -48px;
  padding: 4px 0px 4px 18px;
  line-height: 16px;
  height: 16px;
}
a.l-btn-plain span.l-btn-left {
  padding-left: 5px;
}
a.l-btn span span.l-btn-text {
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
  word-wrap: normal;
  width: auto;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  padding: 0;
  margin: 0;
}
a.l-btn span span.l-btn-icon-left {
  padding: 0 0 0 20px;
  background-position: left center;
}
a.l-btn span span.l-btn-icon-right {
  padding: 0 20px 0 0;
  background-position: right center;
}
a.l-btn span span span.l-btn-empty {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 16px;
}
a:hover.l-btn {
  background-position: right -24px;
  outline: none;
  text-decoration: none;
}
a:hover.l-btn span.l-btn-left {
  background-position: 0 bottom;
}
a:hover.l-btn-plain {
padding: 0px 5px 0px 0px;
}
a:hover.l-btn-disabled {
  background-position: right 0;
}
a:hover.l-btn-disabled span.l-btn-left {
  background-position: 0 -48px;
}
a.l-btn .l-btn-focus {
  outline: #0000FF dotted thin;
}
a.l-btn {
  color: #444;
  background-image: url('images/linkbutton_bg.png');
  background-repeat: no-repeat;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
a.l-btn span.l-btn-left {
  background-image: url('images/linkbutton_bg.png');
  background-repeat: no-repeat;
}
a.l-btn-plain,
a.l-btn-plain span.l-btn-left {
  background: transparent;
  border: 0;
  filter: none;
}
a:hover.l-btn-plain {
  background: #eaf2ff;
  color: #000000;
  border: 1px solid #b7d2ff;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
a.l-btn-disabled,
a:hover.l-btn-disabled {
  color: #444;
  filter: alpha(opacity=50);
}
a.l-btn-plain-disabled,
a:hover.l-btn-plain-disabled {
  background: transparent;
  filter: alpha(opacity=50);
}
a.l-btn-selected,
a:hover.l-btn-selected {
  background-position: right -24px;
}
a.l-btn-selected span.l-btn-left,
a:hover.l-btn-selected span.l-btn-left {
  background-position: 0 bottom;
}
a.l-btn-plain-selected,
a:hover.l-btn-plain-selected {
  background: #ddd;
}

.datagrid-btn-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 0px 1px; 
}
/*grid工具栏行按钮*/
.datagrid-cell-edit a.l-btn { height:16px;}
.datagrid-cell-edit a.l-btn span.l-btn-left  {
 padding: 0px 0px 0px 5px;
}
.datagrid-cell-edit .datagrid-btn-separator { height: 18px;}
.datagrid-cell-edit td { border:none !important;}

.datagrid-header {
  height:24px;/*该属性 不重要 最终决定的是 .datagrid-header-row的height*/
  overflow: hidden;
}
.datagrid-header-inner {
  float: left;
  width: 100%;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #C5C5C5;
  overflow:hidden;
  position:relative;
 /* zoom:1;*/
}
.datagrid-header-outer {
	float: left;
	width: 100%;
	overflow:hidden;
	/* zoom:1;*/
}
.datagrid-header-inner{
  background-color: #f9f9f9;
  background: -webkit-linear-gradient(top,#f9f9f9 0,#e3e4e6 100%);
  background: -moz-linear-gradient(top,#f9f9f9 0,#e3e4e6 100%);
  background: -o-linear-gradient(top,#f9f9f9 0,#e3e4e6 100%);
  background: linear-gradient(to bottom,#f9f9f9 0,#e3e4e6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9,endColorstr=#e3e4e6,GradientType=0);
}
.datagrid-header-inner td {
  border-color: #C5C5C5;
  border-width: 0 1px 1px 0;
  border-style: solid;
  margin: 0;
  padding: 0;
}
.datagrid-header-outer-wraper {
position: relative;
}
 .datagrid-locktable {*position:relative;/*兼容IE 6 7 下td里的.datagrid-cell元素relatvie问题*/}
/*.datagrid-header-inner-wraper { height:100%}*/
.datagrid-header .datagrid-header-wrap { position:relative; width:100%;}

.datagrid-header-outer td,.datagrid-body td,.datagrid-footer td{
  border-color: #ededed;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-right-color: #FFFFFF;
  margin: 0;
  padding: 0;
}
.datagrid-header td{}
.datagrid-body td{}
.datagrid-footer td{}

.datagrid-row ,.datagrid-row-expand { background: #FFFFFF;}

.datagrid-header-check,
.datagrid-cell-check {
  padding: 0;
  width: 27px;
  height: 18px;
  font-size: 1px;
  text-align: center;
  overflow: hidden;
}
.datagrid-header-check input,
.datagrid-group-cell-check input,
.datagrid-cell-check input {
  margin: 0;
  padding: 0;
  width: 15px;
  height: 18px;
}
.datagrid-header-rownumber,
.datagrid-cell-rownumber{
  margin: 0;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  font-weight: normal;
  font-size: 12px;
  cursor:default;
}
.datagrid-header-row,
.datagrid-row {
  height: 25px;
}
.datagrid-header-row { }
.datagrid-row { }

.datagrid-header-row td {}

/*grid 视图部分*/
.datagrid-view {
 position:relative; overflow:hidden;
}
.datagrid-view1 {
 position: absolute; overflow:hidden; top:0px; left:0px;
}
.datagrid-view2 {
 position: absolute; overflow:hidden; top:0px; right:0px;
}

.datagrid-row-view1 td.datagrid-td-rownumber {
  background-color: #f6f6f6;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f6f6), color-stop(100%, #e9e9e9));
  background-image: -webkit-linear-gradient(left, #f6f6f6, #e9e9e9);
  background-image: -moz-linear-gradient(left, #f6f6f6, #e9e9e9);
  background-image: -o-linear-gradient(left, #f6f6f6, #e9e9e9);
  background-image: -ms-linear-gradient(left, #f6f6f6, #e9e9e9);
  background-image: linear-gradient(left, #f6f6f6, #e9e9e9);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6,endColorstr=#e9e9e9,GradientType=1);
}
.datagrid-row-selected td.datagrid-td-rownumber {
  background-color: #dfe8f6;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #dfe8f6), color-stop(100%, #cbdaf0));
  background-image: -webkit-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -moz-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -o-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: -ms-linear-gradient(left, #dfe8f6, #cbdaf0);
  background-image: linear-gradient(left, #dfe8f6, #cbdaf0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dfe8f6,endColorstr=#cbdaf0,GradientType=1);
}

.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  background: #eaf2ff;
  color: #000000;
  cursor: default;
}
.datagrid-row-over
{
  background: #EFEFEF;
  color: #000000;
  cursor: default;
}
.datagrid-row-over td {
	border-right-color: #EFEFEF;
}
.datagrid-header td.datagrid-header-over {}

.datagrid-row-selected {
  background: #DFE8F6;
  color: #000000;
}
.datagrid-row-selected td {
	border-right-color: #DFE8F6;
}

.datagrid-view1 .datagrid-btable { width:100%;}
.datagrid-group-row-view1 { cursor:pointer;}
/*分组行*/
.datagrid-group-row-view1,
.datagrid-group-row{
	width:100%;
	background:#FFF;
}

.datagrid-group-cell-rownumber { 
background:url('./images/datagrid_icons.png') no-repeat -32px center; 
width:16px;
 height:16px; 
 margin:0px auto;
 }

.datagrid-group-cell-rownumber-select {
 background:url('./images/datagrid_icons.png') no-repeat -48px center;
}
.datagrid-group-row-view1 td,
.datagrid-group-row td {
border:none;
border-bottom:1px solid #ccc;	
}
.datagrid-group-cell {
  margin: 0;
  padding: 0 4px;
  height: 25px;
  line-height: 25px;
  word-wrap: normal;
  overflow: hidden;
  font-weight: normal;
  font-size: 12px;
}
.datagrid-group-cell:hover {
 }
.datagrid-cell,
.datagrid-cell-group {
  margin: 0;
  padding: 0 4px;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 18px;
  line-height: 18px;
  font-weight: normal;
  font-size: 12px;
}

.datagrid-body {
  position:relative;
  margin: 0;
  padding: 0;
  overflow: auto;
  zoom: 1;
}

.datagrid-btable {
*position:relative;/*兼容IE 6 7 下td里的元素relatvie问题*/
}

.datagrid-cell {
position:relative;/*.datagrid-body,.datagrid-btable 需要设置 relatvie 兼容IE 6 7 */
}



.datagrid-cell-expand {}
.datagrid-footer {
	margin: 0;
  padding: 0;
  background:#FFFFFF;
  }
.datagrid-sort-icon {
  padding: 0;
}
.datagrid-sort-desc .datagrid-sort-icon {
  padding: 0 13px 0 0;
  background: url('./images/datagrid_icons.png') no-repeat -16px center;
}
.datagrid-sort-asc .datagrid-sort-icon {
  padding: 0 13px 0 0;
  background: url('./images/datagrid_icons.png') no-repeat 0px center;
}
/*grid分页工具栏*/
.datagrid-pager {
  margin: 0;
  border-width: 1px 0 0 0;
  border-style: solid;
  height: 30px;
  border-color: #99BCE8;
  background: #F4F4F4;
  
  background-color: #D3E1F1;
  background: -webkit-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: -moz-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: -o-linear-gradient(top,#DFE9F5 0,#D3E1F1 100%);
  background: linear-gradient(to bottom,#DFE9F5 0,#D3E1F1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DFE9F5,endColorstr=#D3E1F1,GradientType=0);
}
.pagination {
  zoom: 1;
}
.pagination table {
  float: left;
  height: 30px;
}
.pagination-page-list,
.pagination .pagination-num {
  border-color: #95B8E7;
}
.pagination-page-list {
  margin: 0px 6px;
  padding: 1px 2px;
  width: auto;
  height: auto;
  border-width: 1px;
  border-style: solid;
}
.pagination-btn-separator {
  float: left;
  height: 24px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #fff;
  margin: 3px 1px;
}
.pagination .pagination-num {
  border-width: 1px;
  border-style: solid;
  margin: 0 2px;
  padding: 2px;
  width: 2em;
  height: auto;
}
.p-plain{padding: 4px 6px 4px 6px; display:inline-block; cursor:pointer;}
.p-plain:hover {
	background: #eaf2ff;
  color: #000000;
  border: 1px solid #b7d2ff;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  padding: 3px 5px 3px 5px;
 }
 .p-btn-disabled {
 cursor:default;
 opacity: 0.5;
  filter: alpha(opacity=50);
  }
 .p-btn{width:16px; height:16px; line-height:16px;display:inline-block; }
.pagination-first {
  background: url('./images/pagination_icons.png') no-repeat 0 0;
}
.pagination-prev {
  background: url('./images/pagination_icons.png') no-repeat -16px 0;
}
.pagination-next {
  background: url('./images/pagination_icons.png') no-repeat -32px 0;
}
.pagination-last {
  background: url('./images/pagination_icons.png') no-repeat -48px 0;
}
.pagination-load {
  background: url('./images/pagination_icons.png') no-repeat -64px 0;
}
.pagination-info {
  float: right;
  margin: 0 6px 0 0;
  padding: 0;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
/*grid信息提示*/
.datagrid-mask-wraper {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:9996;
}
.datagrid-mask {
	background: #ccc;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:9997;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.datagrid-mask-spacer {
	background:url(./images/spacer.gif) repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:9998;
}
.datagrid-mask-msg {
	border-color: #95B8E7;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	padding: 12px 5px 10px 30px;
	width: auto;
	height: 16px;
	border-width: 2px;
	border-style: solid;
	background: #ffffff url('./images/loading.gif') no-repeat scroll 5px center;
	z-index:9999;
}
.empty-grid-msg { position:absolute; left:0px; top:0px;}
/*grid拖动 注意横线 和 下划线*/
.datagrid-resize { cursor:col-resize;border-left:1px solid #aac5e7;}
.datagrid_resize{ position:absolute;right:0px; width:4px; cursor:col-resize; height:100%; top:0px; z-index:100; background:url(./images/spacer.gif) repeat;}

.column-move {white-space: nowrap;word-wrap: normal; position:absolute; border:1px solid  #95B8E7; background:#95B8E7; padding:1px; color:#000000; opacity: 0.5; filter: alpha(opacity=50);}
.column-move-line { position:absolute; border:1px solid #95B8E7;}